{% extends 'base.html' %}

{% block title %}登录 - 维修管理系统{% endblock %}

{% block content %}
<div style="max-width: 400px; margin: 0 auto;">
    <h2>用户登录</h2>
    
    {% if form.errors %}
    <div style="color: red; margin-bottom: 20px;">
        用户名或密码错误，请重试。
    </div>
    {% endif %}

    <form method="post">
        {% csrf_token %}
        <div style="margin-bottom: 15px;">
            <label for="id_username">用户名:</label>
            <input type="text" name="username" id="id_username" required style="width: 100%; padding: 8px; margin-top: 5px;">
        </div>
        <div style="margin-bottom: 15px;">
            <label for="id_password">密码:</label>
            <input type="password" name="password" id="id_password" required style="width: 100%; padding: 8px; margin-top: 5px;">
        </div>
        <input type="hidden" name="next" value="{{ next }}">
        <button type="submit" class="btn" style="width: 100%;">登录</button>
    </form>

    <div style="margin-top: 20px; text-align: center;">
        <p>没有账户？请联系管理员创建账户。</p>
        <p><a href="/">返回首页</a></p>
    </div>
</div>
{% endblock %}
